<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0; padding: 0;}
        #search{
            width: 553px;
            height: 34px;
            background: url("img/sy_sskbg.jpg");
            margin: 100px auto;
            overflow: hidden;
        }
        #search .search{
            width: 385px;
            height: 30px;
            padding-left: 38px;
            border: none;
            background:transparent;
            margin:2px 0 0 2px;
            outline: none;
            float: left;
        }
        #search .btn{
            width: 128px;
            height: 34px;
            float: left;
            border: none;
            background: transparent;
            outline: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div id="search">
    <form action="">
        <input type="text" class="search" value="邦礼网 全新改版,多种优惠!更多新玩法等着您!">
        <input type="submit" class="btn" value="">
    </form>
</div>
</body>
</html>
<script src="js/jquery-1.3.1.js"></script>
<script>
    $(function () {
        $("#search .search").focus(function () {
            if($(this).val() == this.defaultValue){
                $(this).val("");
            }
        })
        $("#search .search").blur(function () {
            if($(this).val() == ""){
                $(this).val(this.defaultValue);
            }
        })
    })
</script>